<!DOCTYPE html>
<html>
<head>
  <title>تواصل الامارات العربية المتحدة</title>
  <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
  <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
  <%= csrf_meta_tags %>
</head>
<body class="col-md-12">
  <div>
		<header>
			<div class="row logo-banner">	
				<div class="col-md-4 user-info">
					<div class="user-information pull-right">
						<div class="user">
							<span class="dark-text bold-font"><%= current_user.name%></span><br/>
							<span class="light-text"> <%=link_to("مبادراتي",:controller => 'initiatives', :action => "list", :user_id => current_user.id )%> - 
							</span>
							<span class="light-text"><%=link_to("بياناتي",:controller => 'users', :action => "show", :user_id => current_user.id )%> - </span>
							<span class="light-text"><%= link_to('خروج', destroy_user_session_path, :method => :delete) %></span>
						</div>
						<div class="user-image">
						<%= image_tag current_user.image.url%></div>
					</div>
				</div>

				<div class="col-md-4 social-media">
						<div class="social-media-icon">
							<a href = "http://www.rss.com"><img class="icon-link" src="<%= image_url 'RSS-icon.png' %>"></a>
						</div>
						<div class="social-media-icon" >
							<a href = "http://www.google.com"><img class="icon-link"src="<%= image_url 'google-icon.png' %>"></a>
						</div>
						<div class="social-media-icon" >
                                                  <a href = "http://www.youtube.com"><img class="icon-link"src="<%= image_url 'youtube-icon.png' %>"></a>
						</div>
						<div class="social-media-icon">
							<a href = "http://www.twitter.com"><img class="icon-link"src="<%= image_url 'twitter-icon.png' %>" ></a>
						</div>
						<div class="social-media-icon" >
							<a href = "http://www.facebook.com"><img class="icon-link"src="<%= image_url 'fb-icon.png' %>"> </a> 
						</div>
						<div class="inline-text dark-text">تابعونا</div>
				</div>

				<div class="col-md-4 logo">
					<div class="logopic">
					<%= link_to image_tag("logo.png"), {:action => 'index', :controller => 'index'} %>	
					</div>
				</div>
			</div>  <!-- end of first row-->

			<!--//-----------Navigation menu---------//-->
			
			<div class="row">
				<div class="col-md-12 nav_menu">
					<div class="navigation">
						<div class="col-md-2"></div>
						<div class="separator"></div>
						<div class="nav_item nav-text">
						<%=link_to("(#{Result.all.length}) نتائج",{:controller => 'results', :action => "index"} )%>
						</div>
						<div class="separator"></div>
						<div class="nav_item nav-text">
						<%=link_to("(246)برزة",:controller => 'hangouts', :action => "list" )%>
						</div>
						<div class="separator"></div>
						<div class="nav_item nav-text">
						<%=link_to("(#{Initiative.all.length})مبادرة",:controller => 'initiatives', :action => "list" )%>
						</div>
						<div class="separator"></div>
					</div>
				</div>
			</div>
		</header> <!--End of header -->
   <p class="notice"><%= notice %></p>
   <p class="alert"><%= alert %></p>
   
<%= yield %>
   
<!--//-----------Footer ---------//-->
		
		<footer>
			<div class="row footer_wrapper">
				<div class="col-md-12 wrap privacy-font"> سياسة الخصوصية - شروط الاستخدام - اخلاء المسئولية - ميثاق المتعاملين - حقوق النسخ</div>
			</div>
			<div class="row">
				<div class="col-md-12 wrap copyright-font"> .جميع الحقوق &copy; 2013-2012 حكومة الامارات الالكترونية جميع الحقوق محفوظة</div>
			</div>
		</footer>

		
		
	</div>  <!--End of div container -->

</body>
</html>
